<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 标题标签-->>
    <h1>11111</h1>
    <h2>11111</h2>
    <h3>11111</h3>
    <h4>11111</h4>
    <h5>11111</h5>
    <h6>11111</h6>
    <!-- 段落标签 -->
    <p>这是段落标签</p>
    <!-- #region 图像标签
    sec source 属性
alt-->
    <img src="images/timg0.jpg" alt="这是一个奇怪的图片">
    <!-- a标签叫超链接
    anchor 锚
    链接旁边需要输入文本 -->
    <a href="https://hao.360.cn">360</a>
    <!-- #region ul unordered list
        列表标签
        无序列表
        列表项 list item
        li
        有序列表 ol
        ul li/ol li 成对出现 
    
        -->
    <ol>
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
    </ol>
    <!-- div 标签
        division
        场景：在页面上设置一块区域的时候使用-->
    <div>div</div>
    <input type="text">
    <button>360一下</button>
    
    <!-- #region 定义列表
     definition list
    dl 
    dt definition term 定义的术语
    dd definition description定义的描述   -->
    <dl>
        <dt>HTML</dt>
        <dd>html负责网页的结构</dd>
    </dl>
    <!-- 为什么有这么多标签，因为浏览器有2个引擎 渲染引擎和GS引擎
    渲染引擎用来渲染html和css-->
</body>
</html>